@charset "utf-8";
/*
project:myasd
date:2022-12-10
form:power one
web:www.webmy.cn
*/
*{margin: 0;padding: 0;outline: none;border:none;}
html,body{background:#fff;color:#333;font: 15px/1.8 "微软雅黑","Microsoft Yahei",Arial,"SimHei","黑体","微软正黑体","Microsoft JhengHei";overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
table{border-collapse:collapse;border-spacing:0;text-align:left}
ul,ol,menu{list-style:none}
fieldset,img{border:0;display: block;}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;zoom:1}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline: none;border: none;}
input,textarea{display: block;-webkit-user-select:auto}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
a {color:#333;}
h4,h5,h6{color:#333;font-weight: 400;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.box{ width:1200px; margin:0 auto;}
/*animation*/
.duration a,.animate,.translateX3px a,.newsNo span,.newsCenterList a,.newsCenterList p,.newsCenterList b,.newsCenterList h4,.recruitment h4,.recruitment span,.recruitment p,.recruitment strong,.recruitment a:after{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease; -o-transition:all .3s ease;}
.imghover a img,.imglihover img{transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease; -o-transition:all .6s ease;}
.imghover a:hover img,.imglihover li:hover img{ transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1); -moz-transform:scale3d(1.1,1.1,1.1); -o-transform:scale3d(1.1,1.1,1.1);}
.translateX3px a:hover{ transform:translateX(3px);}
.delay100{ animation-delay:.1s;}
.delay200{ animation-delay:.2s;}
.delay300{ animation-delay:.3s;}
/* myStyle */
.imgListCont{ position:relative; margin:0 auto; overflow:hidden;}
.imgListCont ul{ position:relative; left:0; width:9999px; z-index:2;}
.imgListCont li{ float:left;}
.imgListCont li img{width:260px;height:265px;}
.imgListBtn{ position:absolute; left:0; top:0; width:100%; z-index:3;}
.imgListBtn a{ position:absolute; top:0;}

/* header */
.nav{ position:fixed; width:100%; height:80px; z-index:7; box-sizing: border-box; background: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
h1{ position:relative; width:158px; height:60px; margin-top:10px;}
h1 a{ display:block; width:100%; height:100%; background:url(../images/logo.png) no-repeat center; text-indent:-999px; overflow:hidden;}

.nav-ul {width:720px;height:60px; margin-top:10px; float:right;}
.nav-ul>li {float:left;width:120px;line-height:60px;text-align:center;}
.nav-ul>li>a {font-size:1rem;display:inline-block;height:60px;color:#333; font-size:17px;z-index:3;position:relative;}
.nav-ul>.on>a {font-weight: bold;color:#007ec9;}
.nav-ul>span {position:absolute;z-index:2;top:65px;width:34px;height:3px;background-color:#007ec9;transform:translate(-50%,0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

/** index **/
/* banner */
.b_zhan{ height:80px;}
.fullSlide{ width:100%; position:relative; height:550px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:550px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:8px; margin:3px; overflow:hidden; background:rgba(255, 255, 255, 0.5); line-height:999px;}
.fullSlide .hd ul .on{ background:#FFF;}
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:60px; height:60px; background:url(../images/index/b_r.png) #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background:url(../images/index/b_l.png) #000 no-repeat; }

/* main 1*/
.main1{ padding:100px 0; background:url(../images/index/i_about_bg.jpg) no-repeat center bottom #FFF;}
.title1{ position:relative; margin-bottom:80px; font-family:"微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:38px; text-align:center; color:#222; text-transform:uppercase;}
.title1:after{ content:"."; color:#FFF; position:absolute; left:50%; bottom:-10px; margin-left:-30px; width:60px; line-height:3px; background-color:#73D431;}
.main1 .txtbox{ line-height:30px; font-size:15px; color:#333; text-align:center;}
.main1 .txtbox pre{ width:680px; white-space: pre-wrap;word-wrap: break-word; margin:0 auto;font-family:"微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif;}
.main1 img{ margin:50px auto 60px;}
.main1 a{ position:relative; display:block; margin:0 auto; width:160px; height:44px; background:#007ec9; border-radius:22px; text-align:center; color:#FFF; font:bold 14px/44px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.main1 a:hover{ background:#1C5C97;}

/* main 2*/
.main2{ position:relative; padding-top:65px; overflow:hidden;}
.productsBg{ position:absolute; left:0; top:0; width:100%; padding-top:40px; height:410px; background:#f6fafd; font-size:180px; color:#f6fafd; text-align:center; text-transform:uppercase; font-weight:bold;}
.productsList{ position:relative; top:-19px;}
.productsList>a{ position:relative; display:block; margin:30px auto; width:160px; height:44px; background:#007ec9; border-radius:22px; text-align:center; color:#FFF; font:bold 14px/44px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.productsList>a:hover{ background:#1C5C97;}
.productsList .imgListCont{ position:relative; left:-25px; width:1250px; }
.productsList ul{ padding:10px 0;}
.productsList li{ position:relative; margin:0 25px; width:260px; height:330px; background:#FFF; box-shadow:0 0 5px rgba(0,126,201,.18);}
.productsList h4{ line-height:60px; font-size:15px; text-align:center; border-top:1px solid #ebebeb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.productsList li a{ position:absolute; left:0; top:0; padding:80px 32px 0; width:196px; height:250px; background:rgba(0,126,201,.9); opacity:0;}
.productsList li a:hover{ opacity:0.1;}
.productsList li:hover h4{ color: #0d84cc;}
.productsList li img{width:260px;height:265px;}
.productsList .imgListBtn a{ display:block; top:127px; width:50px; height:50px; cursor: pointer; color: #0d84cc;}
.productsList .imgListBtn .prev{ left:-112px;}
.productsList .imgListBtn .next{ right:-112px;}
.productsList .imgListBtn a:hover{ color:#73D431;}
.productsList .imgListBtn i{ animation: shubiao 2s infinite; display: inline-block; font-size:50px; float: left; line-height:50px;}

/* main 3*/
.main3{ padding:85px 0 100px;}
.newsBox{ background:#f6fafd;}
.newsNo{ float:left;}
.newsNo a,.newsNo span{ display:block; width:80px; height:80px; text-align:center;}
.newsNo span{ background:#CCC; font:bold 38px/80px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; cursor:pointer;}
.newsNo i{ color:#FFF; animation: shubiao 2s infinite; display: inline-block; font-size:50px; float: left; width:80px; line-height:80px; background:#CCC;}
.newsNo i:hover{ background:#2478C5;}
.newsNo span.current{ background:#2478C5;}
.curNews{ float:left; position:relative; height:320px; width:1120px; overflow:hidden;}
.newsList{ position:relative; top:0;}
.newsList li{ position:relative; padding:45px 0 0 52px; height:275px;}
.date{ position:relative; float:left; padding-bottom:40px; width:150px; font-size:20px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#999;}
.date:after{ content:" "; position:absolute; left:0; bottom:0; height:2px; width:52px; background:#999;}
.newsList .txtbox{ float:left; width:395px;}
.newsList h4{ margin-bottom:30px; font-size:18px; color:#141414; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsList p{ position:relative; height:96px; font-size:13px; color:#777; line-height:32px; overflow:hidden;}
.newsList a{ display:block; margin-top:30px; width:118px; height:42px; line-height:42px; color:#333; text-align:center; border:1px solid #999;}
.newsList a:hover{ color:#0d84cc; border:1px solid #0d84cc;}
.newsList img{ position:absolute; right:0; top:0; width:460px; height:320px;}

/* footer */
.footer{ background:#333;}
.footer .box{ position:relative; height:320px; color:#FFF;}
.fContact{ float:left; padding-top:60px; width:436px;}
.fContact h2{ width:300px; height:66px; font-size:20px;}
.fContact p{ font-size:15px; line-height:28px;}

.footer h3{ position:relative; margin-bottom:36px; padding-bottom:12px; color:#FFF; font-size:16px;}
.footer h3:after{ content:" "; display:block; height:3px; width:20px; background:#e6ad00; position:absolute; left:0; bottom:0;}

.ftel{ float:right; padding-top:110px; width:265px;}
.ftel i{ color:#FFF; animation: shubiao 2s infinite; display: inline-block; font-size:50px; float: left; width:60px;height:70px; line-height:70px;}
.ftel div{ margin-bottom:20px; line-height:34px; font-size:28px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF;}

.copyright{ position:absolute; bottom:3px; left:0; width:1200px; text-align:center; color:#FFF; line-height:60px; border-top:1px solid #444;}
.copyright a{ color:#FFF; }
.copyright a:hover{ text-decoration:underline;}


/** class **/

/*banner*/
.innerTop{ position:relative; width:100%; overflow:hidden;}
.innerTop img{ position:relative; left:50%; margin-left:-960px; width:1920px; display:block;}

/* menu */
.innerNavBox{ height:60px; background:#f3f8fb;}
.lh-other .box{width:1200px;}
.menu{ margin: 0 auto;}
.menu a{ display:block; float:left; padding:0 20px; height:60px; text-align:center; line-height:60px; font-size:15px; color:#444;}
.menu a.current,.menu a:hover{ color:#FFF; background:#2478C5;}

/*content*/
.content{ padding:65px 0 60px;}
.title2{ text-align:center; position:relative; margin-bottom:35px; padding-bottom:22px; font-size:24px; color:#222;}
.title2 b{ position:absolute; left:50%; transform:translateX(-50%); top:-25px; font-size:46px; font-family:"微软雅黑","Trebuchet MS", Arial, Helvetica, sans-serif; color:#73D431; text-transform:uppercase; z-index:-1;}
.title2:after{ content:" "; position:absolute; left:50%; bottom:0; display:block; width:60px; height:4px; background:#73D431; margin-left:-30px;}
.txtCont{ font-size:16px; color:#333; line-height:2;}
.txtCont img{margin:5px auto;display: block;max-width: 750px !important;height: auto !important;}
.txtCont p{margin:0 0 9px!important;font-size: 16px; text-indent:2em; line-height:40px;}

/*center page*/
.fenye{width:100%;}
.list_page{text-align:center;margin:20px 20px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.list_page a{display:inline-block;line-height:25px;padding:2px 10px;background:#fff;border:1px solid #CCC; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#333;margin:2px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.list_page a:hover{background:#2478C5;color:#fff;border:1px solid #CCC;text-decoration:none;}
.list_page a.hover {background:#2478C5;border:1px solid #CCC;color:#fff;display:inline-block;padding:2px 10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}

/* pic list*/
.honerList{ width:1240px;}
.honerList li{ float:left; margin:0 40px 13px 0; width:270px; height:240px;}
.honerList .imgbox,.honerList img{ width:268px; height:193px; border:1px solid #c6c6c6;overflow:hidden;}
.honerList img{height:auto;}
.honerList .imgbox{ position:relative;}
.honerList a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/icon11.png) no-repeat center rgba(0,126,201,.86); opacity:0;}
.honerList a:hover{ opacity:1;}
.honerList h4{ line-height:45px; color:#444; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mask{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:9;}
.imgContainer{ position:relative; padding:20px 0; left:50%; top:50%;transform: translate(-50%,-50%); max-height: 90%; overflow: auto; width:678px; background:#FFF; text-align:center;}
.imgContainer img{ max-width:100%;}
.imgContainer h4{ line-height:36px; color:#444;}
.closeBtn{ position:absolute; right:15px; top:15px; display:block; width:26px; height:26px; background:url(../img/icon12.png);}

/* newslist */
.newsCenterList li{ margin-bottom:60px; height:200px;}
.newsCenterList a{ position:relative; display:block; width:100%; height:100%; background:#f6fafd;}
.newsDate{ position:absolute; left:0; top:0; padding:60px 0 20px 59px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.newsDate b{ font-size:34px; color:#444;}
.newsDate p{ font-size:18px; color:#999;}
.newsDate:after{ content:" "; display:block; width:60px; height:2px; position:absolute; left:59px; bottom:0; background:#73D431;}
.newsCenterList img{ position:absolute; left:214px; bottom:0; width:316px; height:220px;}
.newsCenterList .txtbox{ position:absolute; right:25px; top:0; width:590px; padding-top:54px;}
.newsCenterList h3{ margin-bottom:25px; font-size:18px; color:#141414; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsCenterList .txtbox p{ position:relative; height:52px; line-height:2; font-size:13px; color:#777; overflow:hidden;}
.newsCenterList a:hover{ background:#2478C5;}
.newsCenterList a:hover .newsDate b,.newsCenterList a:hover h3{ color:#FFF;}
.newsCenterList a:hover p{ color:#FFF;}

/* show */
.newsTitle{ position:relative; margin-bottom:36px; padding-bottom:40px; border-bottom:1px solid #EEE;}
.newsTitle h1{ margin-bottom:14px; width:900px; font-size:22px; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsTitle p{ font-size:14px; color:#888;}
.newsTitle em{ padding-left:2em;}
.newsBtns{ position:absolute; top:0; right:5px; text-align:center;}
.newsBtns a{ display:block; float:left; width:70px; height:50px;}
.newsBtns .prev,.newsBtns .next,.backList{ background:#f3f8fb;}
{ background:url(../img/icon13.png) no-repeat center #f3f8fb;}
.newsBtns .prev:hover,.newsBtns .next:hover,.backList:hover{ background: #007ec9;}

.newsBtns i{ color:#2478C5; animation: shubiao 2s infinite; display: inline-block; font-size:40px; line-height:50px;}
.newsBtns i:hover{ color:#FFF;}

.proCenterList{ position:relative; padding-top:20px; left:-25px; width:1250px;}
.proCenterList li{ float:left; margin-bottom:40px;}
.recruitment{ width:1260px;}
.recruitment li{ float:left; width:360px; height:260px; margin:0 60px 40px 0;}
.recruitment a{ position:relative; display:block; background:#f6fafd; padding:30px 40px 0 40px; width:280px; height:230px;}
.recruitment b{ font-size:14px; color:#e6ad00;}
.recruitment h4{ margin:12px 0 24px; font-size:22px; color:#222;}
.recruitment p{ margin-bottom:24px; position:relative; height:48px; font-size:12px; color:#AAA; line-height:2; overflow:hidden;}
.recruitment strong{ display:block; margin-bottom:10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#BBB; font-size:15px;}
.recruitment span{ font-size:13px; color:#555;}
.recruitment a:after{ content:"..."; font-size:50px; position:absolute; right:40px; bottom:12px; color:#dbdbdb;}
.recruitment a:hover{ background:#007ec9;}
.recruitment a:hover h4,.recruitment a:hover span{ color:#FFF;}
.recruitment a:hover p,.recruitment a:hover strong{ color:#6db5e0;}
.recruitment a:hover:after{ color:#6db5e0;}
.rec{ position:relative; left:50%; margin-left:-420px; width:840px; background:#FFF;}
.rec li{ display:none;}
.rec h4{ padding-left:45px; font-size:22px; color:#222; line-height:80px; border-bottom:1px solid #ededed;}
.rec .closeBtn{ right:40px; top:28px;}
.rec .txtCont{ padding:32px 45px 52px;}
.jobInfo{ margin-top:40px; color:#007ec9; font-size:14px;}
.jobInfo em{ padding-left:2em;}
.bigScreen{ top:50%; margin-top:-367px; height:734px;}
.smallScreen{ top:0; height:100%; overflow:auto;}
.partner a{ border:1px solid #EEE; margin-top:-1px;}
.contactInfo{ margin-bottom:40px; width:1260px;}
.contactInfo li{ float:left; padding-top:98px; margin-right:60px; width:358px; height:140px; border:1px solid #dcdcdc; text-align:center;}
.contactInfo li:nth-child(1){ background:url(../img/icon15.png) no-repeat center 33px;}
.contactInfo li:nth-child(2){ background:url(../img/icon16.png) no-repeat center 31px;}
.contactInfo li:nth-child(3){ background:url(../img/icon17.png) no-repeat center 49px;}
.contactInfo h4{ font-size:14px; color:#666;}
.contactInfo strong{ display:block; margin-top:36px; font-size:32px; color:#222; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.contactInfo p{ margin:36px auto 0; width:270px; line-height:2; color:#222;}